簡介：知道什么是手風琴效果嗎？當鼠標滑過一排列表時，鼠標懸停的列表項會發生明暗度的變化，同時圖片會放大顯示。本課程通過講解浮動布局、遮罩層、CSS3的transition屬性、鼠標事件等知識點，教你實現鼠標懸停時圖片明暗度變化、圖片伸縮以及圖片切換時速度的平滑過渡等效果等
第2章 用HTML+CSS實現手風琴效果頁面制作
本部分內容分為兩個部分，先用HTML搭建頁面的基本結構，再用CSS實現頁面的樣式。
第3章 用JavaScript實現手風琴效果
用JavaScript實現對手風琴效果，重點講解綁定和懸停的構造函數的使用方法和寫法。